<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="misapplication-tap-highlight" content="no"/>
		<meta name="HandheldFriendly" content="true"/>
		<meta name="MobileOptimized" content="320"/>
		<title>预定订单</title>
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" charset="utf-8">
		//加载子页面
		mui.plusReady(function(){
			
			var self = plus.webview.currentWebview();
      		var type= self.type;
      		var search= self.search;
			//alert(type+'--------------------undefined');
			
            mui.init({
                subpages:[{
                    url:'plus/Course/courseList.html',//子页面HTML地址，支持本地地址和网络地址
                    id:'courseList',//子页面标志
                    styles:{
                        top:'45px',//子页面顶部位置
                        bottom:'0',//子页面底部位置
                    },
                    extras: {
						type:type,search:search			
					}
                }]
            });
        });
         //搜索
        function searchs(){
        	var search = $('#search').val();
        	mui.openWindow({
                   url: 'course.html', 
                   id:'course',
                   extras: {
						search:search			
					},
	                     waiting:{
                            autoShow:false,//自动显示等待框，默认为true
                          }
               });
        }
		</script>
		<link rel="stylesheet" href="css/mui.min.css">
		<style>
			html,
			body {
				background-color: #efeff4; 
			}
			.mui-bar-nav~.mui-content {
				padding: 0;
			}
			.title {
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			
			#search {
				width: 72%;
				height: 36px;
                border-radius: 5px;
                background: #fff;
                border: 1px solid #DDDDDD;
                font-size: 14px;
                color: #000;
                padding-left: 10px;
                padding-right:20px; 
                /*margin-left: 40px;*/
                margin-top: 5px;
                /*background:url("images/fdj.png") no-repeat scroll right center transparent;*/ 
                /*background-color:#00CA75 ;*/
                position: absolute;
			}
/*菜单样式*/
.menu{ width: 100%; height: 45px; position: fixed; bottom:0; left:0; box-shadow: #2d2d2d 0 0 4px;background:#0099cc;}
.menu.menucurr{ background: #ea4c88;}
.menu ul{width: 100%; height: 100%; }
.menu li{ width: 24.9%; height: 100%; float: left; line-height: 45px; text-align: center; background: #0099cc; color:#fff;}
.menu li.curr{ background: #ea4c88;}
.menu li:nth-child(1),.menu li:nth-child(2),.menu li:nth-child(3){ border-right:1px solid #663300;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav" style="float: left;height: 40px;line-height: 40px;"></span>
				<img src="images/logo.png"  style=" height: 40px;"/>
			</button>
			<input id="search" type="text" placeholder="搜索“舞蹈”试试" /><img src="images/fdj.png" style="float: right;position: relative;margin: 8px;" onclick="searchs();"/>
		</header> 
		<!--<div class="nav">  
		    <ul >       
			    <li class="select" style="border-right: 1px solid #DDDDDD;"><a class="active">全部</a></li>
			    <li class="select" style="border-right: 1px solid #DDDDDD;"><a class="">距离最近</a></li>
			    <li class="select" style=""><a class="">人气最好</a></li>
			    <!--<li class="select_more"  style="border-right: 1px solid #DDDDDD;">
			    	<a id="screen_more" class="active">智能排序&nbsp;<span style="font-size: 12px;color: lightgrey;">▼</span>&nbsp;</a> 
					<ul id="screen">
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="">
								距离最近
							</a>
						</li>
						<li class="mui-table-view-cell">
							<a class="mui-navigate-right" href="">
								人气最好
							</a>
						</li>
					</ul>
			    </li> 
		    </ul>
	    </div>-->
		<!--<nav class="mui-bar mui-bar-tab" style="background: #E4E9EA;">
			<a id="indexTab" class="mui-tab-item mui-active" href="index.html">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a id="communityTab" class="mui-tab-item" href="community.html">
				<span class="mui-icon mui-icon-pengyouquan"></span>
				<span class="mui-tab-label">社区</span>
			</a>
			<a id="dataTab" class="mui-tab-item" href="data.html">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>-->
	</body>
</html>